<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/17.css">
</head>
<body>
    <div class="cdl">
        <div class="logo"></div>
        <div class="list">
            <div class="menuItem">首页</div>
            <div class="menuItem">游戏分类</div>
            <div class="menuItem">其他队伍</div>
            <div class="menuItem">历史投入</div>
            <div class="menuItem">我的队伍</div>
            <div class="menuItem">邀请成员</div>
            <div class="menuItem">支付设置</div>
            <div class="menuItem">通用设置</div>
            <div class="menuItem">使用协议</div>
        </div>
        <div class="line-2"></div>
        <div class="iconlist">
            <div class="iconitem" style="background-image: url(./images/10_03.png);"></div>
            <div class="iconitem" style="background-image: url(./images/10_05.png);"></div>
            <div class="iconitem" style="background-image: url(./images/10_07.png);"></div>
            <div class="iconitem" style="background-image: url(./images/10_09.png);"></div>
        </div>
    </div>
    <input type="checkbox" id="menu" style="display: none;">
    <div class="main">
        <label for="menu">
            <i class="iconfont icon-caidan"></i>
        </label>
        <div class="fly"></div>
        <div class="topTxt">
            <div class="Txt">
                邀请队伍成员
            </div>
        </div>
        <div class="content">
            <span class="id-txt">您可以完成信用卡信息，以便下一步操作。</span>
            <div class="rectangle-17">
                <div class="id-box">
                    <div class="txt">
                        <span class="txt-1">Credit</span><span class="txt-2">Card</span>
                        <span class="txt-3">银行</span>
                    </div>
                    <div class="pic"></div>
                    <div class="num">1433 8983 7387 8390</div>
                    <div class="names">
                        <span >姓名</span>
                        <span class="name">__.__</span>
                    </div>
                </div>
            </div>
            <span class="id-txt f-size">信用卡信息</span>
            <div class="input-box">
                <input class="input no-po" type="text" value="1433-8983-7387-8390">
                <input class="input no-po active" type="text" value="持卡人姓名">
                <input class="input no-po" type="text" value="到期日">
                <input class="input no-po" type="text" value="CCV">
            </div>
            <div class="button">马上支付</div>
        </div>
        
    </div>
</body>
</html>